<template>
	<view class="swiper-item">
	  <view class="content">
		<view class="select">
			<view class="one">
				<view class="image">
					<image v-if="page0==1" src="http://demo.cyyyds.cn/uploads/20250114/icon001.png" @click="page0=0"></image>
					<image v-else src="http://demo.cyyyds.cn/uploads/20250114/icon002.png"></image>
				</view>
				<view class="text">
					<text v-if="page0==1" style="color:#6eb1b7;">开放时间</text>
					<text v-else style="color:#2f9098;">开放时间</text>
				</view>
			</view>
			<view class="one">
				<view class="image">
					<image v-if="page0==0" src="http://demo.cyyyds.cn/uploads/20250114/icon003.png" @click="page0=1"></image>
					<image v-else src="http://demo.cyyyds.cn/uploads/20250114/icon004.png"></image>
				</view>
				<view class="text">
					<text v-if="page0==1" style="color:#2f9098;">数字馆开馆时间</text>
					<text v-else style="color:#6eb1b7;">数字馆开馆时间</text>
				</view>
			</view>
		</view>
		<view class="kfsj" v-if="page0==0">
			<view class="h1">今日闭关</view>
			<view class="h2">每周二至周日9点-17点</view>
			<view class="h2">国家法定节假日、牡丹文化节除外，具体以最新开放公告为准</view>
			<view class="opentime">
				<view class="one">
					<view class="h3">暂无</view>
					<view class="h4">入馆</view>
				</view>
				<view class="one">
					<view class="h3">暂无</view>
					<view class="h4">停止入馆</view>
				</view>
				<view class="one">
					<view class="h3">暂无</view>
					<view class="h4">闭馆</view>
				</view>
			</view>
			<view class="h2">地址：河南省洛阳市偃师区斟鄩大道1号</view>
			<view class="h2">咨询电话：0379-65091899（周二至周日及国家法定节假日、牡丹文化节）0379-65091800（周一至周五）</view>
			<view class="h2">携身份证可免费参观</view>
		</view>
		<view class="szg" v-else>
			<view class="h1">每场限流50人</view>
			<view class="opentime">
				<view class="one">
					<view class="h3">10:00 - 10:30</view>
				</view>
				<view class="one">
					<view class="h3">11:00 - 11:30</view>
				</view>
			</view>
			<view class="opentime">
				<view class="one">
					<view class="h3">14:00 - 14:30</view>
				</view>
				<view class="one">
					<view class="h3">15:00 - 15:30</view>
				</view>
			</view>
			<view class="h4">地址：二里头夏都遗址博物馆二楼西北角</view>
		</view>
	
	  </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page0: 0
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
.swiper-item {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	  
	.content {
		font-size: 16px;
		margin-bottom: 10px;
		.select{
			background:url(http://demo.cyyyds.cn/uploads/20250114/bg01.jpg);
			background-size:100% 100%;
			display: flex;
			justify-content: space-between;
			width: 80%;
			height: 150upx;
			padding: 50upx 10% 10upx 10%;
			.one{
				width: 50%;
				text-align: center;
				.image{
					text-align: center;
					image{
						width:100upx;
						height:100upx;
					}
				}
				.text{
					text-align: center;
					font-size:20upx;
				}
			}
		}
		.kfsj{
			background: #2f9098;
			color:white;
			padding: 50upx;
			font-family: 'FontName-Bold';
			.h1{
				font-size: 50upx;
				text-align: center;
				font-weight: bold;
				padding-bottom: 30upx;
				letter-spacing: 20upx;
			}
			.h2{
				font-size: 20upx;
				text-align: center;
				line-height: 2;
				letter-spacing: 3px;
			}
			.opentime{
				display: flex;
				justify-content: space-between;
				width: 90%;
				padding: 5% 5%;
				.one{
					width:30%;
					.h3{
						text-align: center;
						font-size: 50upx;
						font-weight: bold;
						letter-spacing: 5px;
					}
					.h4{
						padding-top:20upx;
						text-align: center;
						font-size: 20upx;
						letter-spacing: 5px;
					}
					
				}
			}
		}
		
		.szg{
			background: #2f9098;
			color:white;
			padding: 50upx;
			font-family: 'FontName-Bold';
			.h1{
				font-size: 30upx;
				text-align: center;
				padding-bottom: 30upx;
				letter-spacing: 3px;
			}
			.h2{
				font-size: 20upx;
				text-align: center;
				line-height: 2;
				letter-spacing: 3px;
			}
			.h4{
				font-size: 30upx;
				text-align: center;
				padding-top: 30upx;
				letter-spacing: 3px;
			}
			.opentime{
				display: flex;
				justify-content: space-between;
				width: 80%;
				padding: 20upx 10%;
				.one{
					width:50%;
					.h3{
						text-align: center;
						font-size: 30upx;
						font-weight: bold;
					}
					
				}
			}
		}
	}
}
</style>
